<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
    />
    <title>首页</title>
    <link href="css/common.css" rel="stylesheet" />
    <style>
      .page-wrapper {
        position: relative;
      }
      .actions {
        position: absolute;
        top: 6rem;
        width: 5.9rem;
        left: 0.85rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 1.2rem;
      }
      .actions a {
        display: block;
        margin-bottom: 0.56rem;
        height: 1.1rem;
        width: 3.6rem;
        font-size: 0;
      }
      .bgimg {
        width: 100%;
      }
      .bgimg img {
        display: block;
        width: 100%;
      }
    </style>
  </head>
  <body>
    <div class="page-wrapper">
      <div class="bgimg"><img src="http://kyan.pxnew.cn/images/2.jpg" /></div>
      <div class="actions">
        <a href="questions.html">开始答题</a>
        <a href="#">参与情况</a>
        <a href="#">活动须知</a>
      </div>
    </div>
  </body>
</html>
